<template>
	<view class="content">
		<video-a-d />
		<view class="padding-10 flex-between-vertical flex-wrap-content">
			<view v-for="item in dataList" :key="item.id" class="item" @click="goDetail(item)">
				<view class="img-c">
					<image :src="item.thumb" mode="widthFix"></image>
				</view>
				<view class="name">{{ item.name }}</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {};
		},
		methods: {
			goDetail(item) {
				console.log(" --------  ", item.path)
				this.$util.pushUrl(item.path + "?dId=" + item.id);
			},
		},
		onShareTimeline() {

		},
		onShareAppMessage() {

		}
	};
</script>
<style lang="scss" scoped>
	.content {}

	.item {
		position: relative;
		width: calc(50% - 12upx);
		margin-bottom: 30upx;
		margin-right: 20upx;
		display: inline-block;
		// box-shadow: 2upx 2upx 2upx 4upx #e5fdff, -2upx -2upx 2upx 4upx #e0f7fa;
		overflow: hidden;

		&:nth-child(2n + 2) {
			margin-right: 0upx;
		}

		.img-c {
			height: 240upx;
			overflow: hidden;

			image {
				width: 100%;
				min-height: 200upx;
			}
		}

		.name {
			font-size: 28upx;
			color: $uni-color-primary;
			padding: 10upx 0;
			background-color: rgba(255, 193, 7, 0.08);
			text-align: center;
		}
	}
</style>
